<%@ page pageEncoding="UTF-8" contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
    <link rel="stylesheet" type="text/css" href="/css/css.css"/>
    <title>iCart HTML Version</title>
</head>
<body>

<%@ include file="_common_header_nav.jsp"%>

<div style="width:1000px;margin: 0 auto;margin-top:10px;">
    <div class="linktree">
        <a href="/index">首页</a>
        &raquo; <a href="/product/${requestScope.product.pid}">产品详情</a>
    </div>


</div>
<div id="container_bg">


    <style type="text/css">

        .linktree {
            margin-top: 0px;
            margin-bottom: 10px;
            margin-left: 3px;
        }

        .linktree a {
            color: #666;
            text-decoration: none;
            font-size: 11px;
        }

        #menu {
            border-radius: 5px;
        }
    </style>




    <div id="content">
        <div class="block-white">
            <div class="block-content">

            </div>
            <div class="separator"></div>
            <div class="block-content">
                <div class="product-info">

                    <div class="left">

                        <div class="image"><a href="#" title="iMac"><img style="height:228px;width:228px;" src="${requestScope.product.imgUrl}" title="iMac"
                                                                         alt="iMac" id="image"/></a></div>
                    </div>

                    <div class="right">
                        <div id="tabs" class="tabs">
                            <a href="#tab-information" class="selected"><img alt="Information" src="/images/Info.png"
                                                                             style="margin-top:6px;"/>
                                <div></div>
                            </a>

                        </div>

                        <div id="tab-information" class="tab-content">
                            <div id="information"></div>


                            <div class="description">
                                <span>&raquo;&nbsp;品牌:</span> <a href="#">${requestScope.product.brand.name}</a><br/>
                                <span>&raquo;&nbsp;产品编号:</span> Product ${requestScope.product.pid}<br/>
                                <span>&raquo;&nbsp;库存数量:</span> ${requestScope.product.inventory}<br/>
                                <span>&raquo;&nbsp;销量:</span> ${requestScope.product.salesVolume}<br/>
                                <span>&raquo;&nbsp;创建时间:</span> ${requestScope.product.createTime}<br/>
                                <span>&raquo;&nbsp;是否上架:</span> <c:if test="${requestScope.product.status == 1}"> 是 </c:if><c:if test="${requestScope.product.status != 1}"> 否 </c:if>
                            </div>

                            <div class="price">
                                <span class="price-new">￥${requestScope.product.price}</span>
                                <div class="price-tax">原价: ￥${requestScope.product.originalPrice}</div>
                            </div>
                            <br>

                            <form action="/add2Cart">
                            <div class="cart">
                                <div>Qty:<input class="quantity" type="text" name="quantity" size="2" value="1"/>
                                    <input type="hidden" name="pid" value="${requestScope.product.pid}"/>
                                    <input type="submit" class="button" value="添加到购物车"/>
                                </div>
                            </div>
                            </form>
                            <div>
                                ${requestScope.product.description}
                            </div>
                        </div>
                        <div class="price">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="icart-footer">
    <div class="icart-footer-top">
        <div style="width:1000px; margin:0 auto;">
        </div>
    </div>
    <div class="icart-footer-container">
        <div class="column_footer" style="width:350px;">
            <h3>About Us</h3>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante felis, aliquet sagittis lacus.
            Etiam in purus vitae tortor lacinia pretium. Maecenas quam diam, porttitor bibendum lacinia a, feugiat sit
            amet felis. Praesent ut mi justo, a volutpat ligula. Praesent sodales felis sed odio consectetur eget cursus
            metus mollis. Proin sollicitudin accumsan lectus a ornare... .
        </div>

        <div class="column_footer">
            <h3>Customer Service</h3>
            <ul>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Delivery Information</a></li>
                <li><a href="#">Privacy Policy</a></li>
                <li><a href="#">Terms &amp; Conditions</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">Returns</a></li>
                <li><a href="#">Site Map</a></li>
            </ul>
        </div>

        <div class="column_footer" style="width:150px;">
            <h3>Extras</h3>
            <ul>
                <li><a href="#">Brands</a></li>
                <li><a href="#">Gift Vouchers</a></li>
                <li><a href="#">Affiliates</a></li>
                <li><a href="#">Specials</a></li>
            </ul>
        </div>
        <div class="column_footer" style="width:150px;">
            <h3>My Account</h3>
            <ul>
                <li><a href="#">My Account</a></li>
                <li><a href="#">Order History</a></li>
                <li><a href="#">Wish List</a></li>
                <li><a href="#">Newsletter</a></li>
            </ul>
        </div>

        <div class="column_footer" style="margin-right:0px;">
            <h3>Social</h3>
            <ul class="social">
                <li class="twitter"><a href="../../twitter.com/twitter">Twitter Username</a></li>
                <li class="facebook"><a href="../../facebook.com/Username/default">Facebook</a></li>
                <li class="rss"><a href="#">RSS Feed</a></li>
            </ul>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="icart-footer-bottom">
        <div style="width:1000px; margin:0 auto;">
            <div class="icart-logo-footer"><a href="index.php"><img src="/images/logo-footer.png" alt="Footer Logo"></a>
            </div>
            <ul>
                <li style="float:right;padding-top:10px;list-style:none;">&copy; Copyright &copy; 2013.Company name All
                    rights reserved.<a target="_blank"
                                       href="http://www.cssmoban.com/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a> - More
                    Templates </li>
            </ul>
            <div class="clearfix"></div>
        </div>

    </div>
</div>

</body>
</html>